<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Copyright 2008, 2009, 2010, 2013 David Selby dave6502@gmail.com

This file is part of kmotion.

kmotion is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

kmotion is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with kmotion.  If not, see <http://www.gnu.org/licenses/>.
-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>kmotion</title>
<link href="base.css" rel="stylesheet" type="text/css" media="screen"/> 
</head>

<body>

<div id="display">

<!-- ***************************************************************************
'main_display' section.
*****************************************************************************-->

<div id="menu_bar">

	<ul>
		<li><a href="">Live</a>
		    <ul>
		        <li><a href="">Display Single</a></li>
		        <li><a href="">Display Multi</a></li>
		    </ul>
		</li>


		<li><a href="">Display</a>
		    <ul>
		        <li><a href="">Pre-select 1</a></li>
		        <li><a href="">Pre-select 2</a></li>
		        <li><a href="">Pre-select 3</a></li>
		        <li><a href="">Pre-select 4</a></li>
		        <li><a href="">Pre-select 5</a></li>
		        <li><a href="">Set Select</a></li>
		    </ul>
		</li>



<!-- 
		<!-- Super painful, OK when modifying be aware of the image dimensions and
		adjust in the following appropriately.
		--

		<li><a href="">Display</a>

		    <ul style="height:48px;width:500px;margin:auto;">

			    <li style="float:left">
			        <a href="" ><img style="padding-top:4px;" src="images/b9.png" alt=""
					 onClick="KM.display_button_clicked(12);" /></a>
				</li>

				<li style="float:left">
					<a href=""><img style="padding-top:4px;" src="images/b10.png" alt="" onClick="KM.display_button_clicked(12);" /></a>
				</li>

				<li style="float:left">
					<a href=""><img style="padding-top:4px;" src="images/b10.png" alt="" onClick="KM.display_button_clicked(12);" /></a>
				</li>

			</ul>


		    <ul style="height:48px;width:500px;margin:auto;margin-top:48px;">

			    <li style="float:left">
			    	<a href=""><img style="padding-top:4px;" src="images/b9.png" alt=""
					 onClick="KM.display_button_clicked(12);" /></a>
				</li>

				<li style="float:left">
					<a href=""><img style="padding-top:4px;" src="images/b10.png" alt="" onClick="KM.display_button_clicked(12);" /></a>
				</li>

				<li style="float:left"> 
					<a href=""><img style="padding-top:4px;" src="images/b10.png" alt="" onClick="KM.display_button_clicked(12);" /></a>
				</li>

		    </ul>
		</li> -->

		<li><a href="">Archive</a>
		    <ul>
		        <li><a href="">Display Single</a></li>
		        <li><a href="">Display Quad</a></li>
		        <li><a href="">Export</a></li>
		    </ul>
		</li>

		<li><a id="menu_logs" href="">Logs</a>
		    <ul>
		        <li><a href="">Display All</a></li>
		        <li><a id="menu_logs" href="">Display Errors</a></li>
		        <li><a href="">Display Warnings</a></li>
		    </ul>
		</li>

		<li><a href="">Config</a>
		    <ul>
		        <li><a href="">Misc</a></li>
		        <li><a href="">Camera</a></li>
		        <li><a href="">PTZ</a></li>
		        <li><a href="">Schedule</a></li>
		        <li><a href="">System Load</a></li>
		    </ul>
		</li>

		<li><a href="">About</a>
		    <ul>
		        <li><a href="">Help</a></li>
		        <li><a href="">Buy Licence</a></li>
		        <li><a href="">About the Developer</a></li>
		        <li><a href="">About Kmotion v4</a></li>
		    </ul>
		</li>

	 	<li><a href="">Logout</a> 
	  		<ul>
		        <li><a href="">Logout and Close Browser</a></li>
		    </ul>
		</li>

	</ul>
</div>

<div id="menu_clock">00<span id="menu_clock_colon">:</span>00</div>
<div id="menu_kmotion">Kmotion v4.xx</div>

	<div id="loading_mid_line">

		<div id="loading_text" >
			<script type="text/javascript" >
				document.write('Kmotion is loading ...');
			</script>
		</div>

	    <noscript>
			<div id="javascript_text" >
				Kmotion requires Javascript.<br>
			    Please enable Javascript in your browser<br>
			  	then reload this page.
			</div>
	    </noscript> 

	</div>

	<script type="text/javascript" src="js/index.js"></script>
</div>
</body>
</html>
